<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width">
    <title>五四宪法历史资料陈列馆</title>
    <link rel="stylesheet" href="/static/css/style.css">
    <link rel="stylesheet" href="/static/layui/layui/css/layui.css"  media="all">
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/common.js"></script>
    <script src="/static/layui/layui/layui.all.js"></script>
</head>
<body>
<form name="order_info" id="order_info" action="orderInfo" method="post">
    <div class="main order_info1">
        <div class="top">
            <a class="back" href="javascript:history.back(-1)"><img src="/static/image/left.png" alt="">返回</a>
            活动预约
        </div>
        <div class="activity_list">
            <div>
                {if $active.end eq 0}
                <p class="countdown unfinish">距离活动结束还剩<span>{$active.enday}</span>天</p>
                {else/}
                <p class="countdown finish">活动已结束</p>
                {/if}
                <img src="{$active.image}" alt="">
                <p class="title">{$active.title}</p>
                <div class="time"><span>活动日期：</span><em>{$active.day}——{$active.endday}</em></div>
                <div class="time"><span>活动时间：</span><em>{$active.starttime}-{$active.endtime}</em></div>
                <div class="address"><span>活动地点：</span><em>{$active.addr}</em></div>
                <div class="detail">
                    <span>活动详情：</span>
                    <div>{$active.content}</div>
                </div>
            </div>
        </div>
        {if $active.status eq 0}
             <div class="rule">此活动不需要预约</div>
            {else/}
          {if $active.end eq 0}<div class="rule"><a href="/activity_order?id={$active.id}">立即预约</a></div>{/if}
        {/if}
    </div>

</form>
<script>



</script>
</body>
</html>